*{
	padding: 0px;
	margin: 0px;
}
html body{
	width: 100%;
	height: 100%;
	
}
a{
	color: #000;
}
.font_sz{
	font-size: 25px;
}
.height_all{
	height: 100%;
}
.height_10{
	height: 10%;
}
.height_90{
	height: 90%;
}
.height_85{
	height: 85%;
}
.height_50{
	height: 50%;
}
.height_30{
	height: 30%;
}
.height_33{
	height: 33.33%;
}
.m_20{
	margin: 20px auto!important;
}
.flex_lay{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items: center;
}
.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-size{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex: 1;
}
.flex-size2{
	-webkit-box-flex:2;
	-webkit-flex:2;
	-ms-flex:2;
	flex: 2;
}
.flex-v{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
.margin_x_10{
	margin-left: 10px;
	margin-right: 10px; 
}
.clr{
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

.bg{
	background: url("../image/bg01.jpg");
	background-size: 100% 100%;
}

#head{
	position: fixed;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255,255,255,0.7);
	transition: color 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
}
#head span,#head a{
	transition: color 1s;
	-webkit-transition:color 1s;
	-moz-transition:color 1s;
	-o-transition:color 1s;
}
#head .item_phone{
	display: none;
}
#sidenav span,#sidenav a{
	transition: color 1s;
	-webkit-transition:color 1s;
	-moz-transition:color 1s;
	-o-transition:color 1s;
}

#head:hover,#sidenav:hover{
	background-color: rgba(0,0,0,1);
}
#head:hover .item>span,#head:hover a{
	color: #fff;
}
#sidenav:hover .item>span,#sidenav:hover a{
	color: #fff;
}
#head .item:hover span,#head .item:hover a{
	color: #4169e1!important;
}
#sidenav .item:hover span,#sidenav .item:hover a{
	color: #4169e1!important;
}
/* 侧边栏导航 */
#sidenav{
	position: fixed;
	height: 100%;
	width: 80px;
	background-color: rgba(255,255,255,0.7);
	display: flex;
	flex-direction: column;
	z-index: 1000;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
}
#sidenav .item .item_wrapper{
	display: inline-block;

}
#sidenav .item{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px;
	

}

.wrapper{
	position: relative;
	z-index: 500;
}
.icon{
	font-size: 30px;
}
.item{
	margin-top:5px;
	text-align: center;
}
.item .icon{
	display: block;
}
/*主页*/
#home{
	background: url(../image/home_bg.jpg);
}

#home div.img_myPhoto{
	width: 150px;
	height: 150px;
	border-radius: 100px;
	background-image: url("../image/xy.jpg");
	background-size: 100% 100%;
	background-position: 10px 0;
}
#home h2{
	border-bottom: 2px solid #B9CADC;
}
#home p{
	font-size: 30px;
}
/* 个人简介 */

#info{
	position: relative;
	z-index: 100;
	background: url("../image/paper.jpg");
}
.myPhoto{
	width: 100px;
	height: 100px;
	background-image: url(../image/xy.jpg);
	background-position:5px 0; 
	background-size: 100% 100%;
	border-radius: 50px;
	margin:auto;

}
.summary{
	background: #fa8072;
	color: #ededed;
}
.summary p{
	line-height: 28px;
}
.detail{
	background: #add8e6;
	
}
.detail ul{
	list-style: none;
}
.detail h2{
	margin: 0;
}
.detail ul li{
	height: 10%;
	border-bottom: 1px solid #dcdcdc;
}
.detail ul li .title{
	color: #ff4500;
	font-size: 18px;
}
	/* 专业技能 */
#skill{
	position: relative;
	z-index: 100;
	background: rgba(255,255,255,0.7);
}
#skill div.height_10{
	display: flex;
	align-items: center;
	justify-content: center;
}
#skill h2{
	text-align: center;
	margin: 0px;
}
#skill h3{
	background: #66cdaa;
	display: inline-block;
	padding: 20px 4px 18px;
	margin: 0px;
	border-radius: 16px;
	width: 100px;
	height: 200px;
	line-height: 160px;
	text-align: center;
	transition: background .8s;
	position: relative;
}
#skill .wrap{
	display: inline-block;
	padding: 3px;
	border:1px solid #66cdaa;
	border-radius: 20px;
	transition: border .8s;
}
#skill .wrap:hover{
	border-color: #363636;
}
#skill .wrap:hover>h3{
	background: #6a5acd;
	color: #ebebeb;
	text-shadow: 1px 2px 3px #303030;
}
h3>span{
	display: inline-block;
	background: #fff;
	position: absolute;
	z-index: 200;
}
h3>p{
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
span.dot1{
	top: 7px;
	width: 45px;
	height: 5px;
	left: 28%;
	border: 1px solid #7a7a7a;
	border-radius: 10px; 
}
#skill .wrap h3 i{
	position: absolute;
	bottom: 2px;
	font-size: 1px;
	color: #f0ffff;
}
.icon-reply{
	left: 12px;
}
.icon-circle-blank{
	left: 45%;
}
.icon-sign-blank{
	right: 12px;
}

/*作品展示*/
#works{
	background: #fff;
}
#works_phone{
	display: none;
}
#works table th{
	font-size: 20px;
}
#works table tr td:first-child{
	width: 100px;
	color: #37474f;
}
#works table tr td a{
	color: #ff6633;
}
/* 个人经历 */

	#experience{
		z-index: 200;
		background: #fff;
	}
	#experience h2{
		text-align: center;
		margin: 0px;
	}
	#experience .detail{
		text-align: right;
		padding: 0px!important;
		background: rgba(255,255,255,0);
	}
	.step{
		
		padding: 0px;
		background: #afeeee;
		border: 1px solid #c0c0c0;
		margin-top: 10px;
		border-radius: 10px;
		box-shadow: 1px 1px 4px 1px rgba(128,128,128,0.8)
	}
	#experience .middle{
		text-align: center;
	}
	#experience .middle .time{
		display: inline-block;
		border: 1px solid #d9d9d9;
		width: 120px;
		height: 120px;
		border-radius: 80px;
		margin: auto;
		background: #fff;
	}
	.time p{
		text-align: center;
		margin: 0px;
		font-weight: 700;
	}
	@media screen and (min-width: 768px){
		.time p{
			height: 50px;
			line-height: 50px;
		}
		.time p.line{
			height: 20px;
			line-height: 20px;

		}
	}

#home,#info,#skill,#experience{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#skill .item{
	margin: 0px;
}